<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <!--1.指定编码格式-->
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <!--2.设置页面以默认比例展示（即不缩放）:初始化移动浏览显示，用于适配移动浏览器-->
    <meta name="viewport" content="width=device-width,initial-scale=1.0, maximum-scale=1" >
    <!--3.网站关键字，SEO优化-->
    <meta name="keywords" content="Login form web Site, Sign up Web Site" />
    <!--4.引入Bootstrap框架的CSS文件-->
    <link th:href="@{/static/css/bootstrap.css}" rel="stylesheet" type="text/css"/>
    <link th:href="@{/static/css/style.css}" rel="stylesheet" type="text/css"/>
    <script th:src="@{/static/js/bootstrap.js}"></script>
    <title>登录页</title>
</head>
<body>
<div class="bg">
    <h2>欢迎登录安全管控系统</h2>
    <div class="login-top">
        <h1>LOGIN FORM</h1>
        <form class="form-horizontal" role="form" name="f" th:action="${#httpServletRequest.getContextPath()}+'/login'" method="post">
            <!--第1行：账号-->
            <div class="form-group">
                <label for="name" class="col-sm-3 control-label">用户名：</label>
                <div class="col-sm-8">
                    <input type="text" id="name" name="username" class="form-control" placeholder="请输入用户名">
                </div>
            </div>
            <!--第2行：密码-->
            <div class="form-group">
                <label for="password" class="col-sm-3 control-label">密码：</label>
                <div class="col-sm-8">
                    <input type="password" name="password" id="password" class="form-control" placeholder="请输入密码">
                </div>
            </div>
            <div class="form-group">
                <div class="forgot col-sm-offset-5 col-sm-10">
                    <input type="submit" name="submit"  value="登录">
                    <!--<button type="submit" class="btn btn-success">登录</button>-->
                </div>
            </div>
        </form>
    </div>
</div>
</body>
</html>